<template>
    <div class="proup" id="inputPP">
      <v-probox-common v-model="rel.property" :tips="false"></v-probox-common>
      <hr>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox" v-model="rel.property.upfile.isLimitFileType">限制类型</label>
        </div>
      </div>
      <div class="ptem" v-show="rel.property.upfile.isLimitFileType">
        <div class="i2d6">
          <label>文件</label>
        </div>
        <div class="i6d6">
          <el-checkbox-group v-model="rel.property.upfile.fileType">
            <el-checkbox label="txt"></el-checkbox>
            <el-checkbox label="doc/docx"></el-checkbox>
            <el-checkbox label="xls/xlsx"></el-checkbox>
            <el-checkbox label="ppt"></el-checkbox>
            <el-checkbox label="html/htm"></el-checkbox>
            <el-checkbox label="pdf"></el-checkbox>
          </el-checkbox-group>
        </div>
      </div>
      <div class="ptem" v-show="rel.property.upfile.isLimitFileType">
        <div class="i2d6">
          <label>图片</label>
        </div>
        <div class="i6d6">
          <el-checkbox-group v-model="rel.property.upfile.fileType">
            <el-checkbox label="jpg"></el-checkbox>
            <el-checkbox label="png"></el-checkbox>
            <el-checkbox label="gif"></el-checkbox>
            <el-checkbox label="bmp"></el-checkbox>
            <el-checkbox label="svg"></el-checkbox>
            <el-checkbox label="tiff"></el-checkbox>
          </el-checkbox-group>
        </div>
      </div>
      <div class="ptem" v-show="rel.property.upfile.isLimitFileType">
        <div class="i2d6">
          <label>压缩包</label>
        </div>
        <div class="i6d6">
          <el-checkbox-group v-model="rel.property.upfile.fileType">
            <el-checkbox label="tar"></el-checkbox>
            <el-checkbox label="zip"></el-checkbox>
            <el-checkbox label="7z"></el-checkbox>
          </el-checkbox-group>
        </div>
      </div>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox" v-model="rel.property.upfile.isLimitFileSize">限制大小</label>
        </div>
        <div class="i4d6">
          <label><input class="sm" v-model="rel.property.upfile.fileSize"> M 以下</label>
        </div>
      </div>
      <div class="ptem">
        <div class="i2d6">
          <label><input type="checkbox">上传个数</label>
        </div>
        <div class="i4d6">
          <label><input class="sm" v-model="rel.property.upfile.fileCount"> 个以下文件</label>
        </div>
      </div>
      <hr>
      <v-probox-layout v-model="rel.property"></v-probox-layout>
    </div>
</template>

<script>
import proboxCommon from './libs/pro-box-common'
import proboxLayout from './libs/pro-box-layout'

export default{
  props:["rel"],
  components:{
    'v-probox-layout':proboxLayout,
    'v-probox-common':proboxCommon
  },
  data:function(){
    return {
    }
  }
}
</script>

<style>
</style>
